.btn-toolbar {
  gap: 0.375rem;
}

.primary-toolbar {
  .btn {
    --#{$prefix}btn-padding-x: 1.125rem;
    --#{$prefix}btn-padding-y: 0.5rem;
    --#{$prefix}btn-font-size: 1.125rem;

    @include media-breakpoint-down(md) {
      --#{$prefix}btn-padding-x:     0.75rem;
      --#{$prefix}btn-padding-y:     0.25rem;
      --#{$prefix}btn-font-size:     1.0625rem;
      --#{$prefix}btn-border-radius: #{$btn-border-radius-sm};
    }
  }
}

.secondary-toolbar {
  .btn {
    --#{$prefix}btn-padding-x: #{$btn-padding-x-sm};
    --#{$prefix}btn-padding-y: #{$btn-padding-y-sm};
    --#{$prefix}btn-font-size: #{$btn-font-size-sm};

    > i {
      font-size: 80%;

      + .btn-label {
        margin-left: 0.25rem;
      }
    }

    @include media-breakpoint-down(md) {
      --#{$prefix}btn-padding-x: 0.5rem;
      --#{$prefix}btn-padding-y: 0.25rem;
      --#{$prefix}btn-font-size: 0.6875rem;
      --#{$prefix}btn-border-radius: #{$btn-border-radius-sm};
    }
  }
}
